<!-- 前台店长 – 首页 – 数据统计 – 会员统计		statistics -->
<template>
	<view class="warp">
		<view class="statistics-tab f b c senter">
			<view :class="DA==0?'col':'hui'" style="width: 50%;" @click="DAs(0)">
				会员统计
			</view>
			<view :class="DA==1?'col':'hui'" style="width: 50%;" @click="DAs(1)">
				员工统计
			</view>
		</view>
		<!-- 会员统计全部内容 -->
		<view v-show="DA == 0">
			<view class="bgfc f_x senter">
				<view :class="DC==0?'col':'hui'" style="width: 50%;" @click="DCs(0)">
					来源渠道
				</view>
				<view :class="DC==1?'col':'hui'" style="width: 50%;" @click="DCs(1)">
					会员数据
				</view>
				<view :class="DC==2?'col':'hui'" style="width: 50%;" @click="DCs(2)">
					销客人次
				</view>
				<view :class="DC==3?'col':'hui'" style="width: 50%;" @click="DCs(3)">
					同比增长率
				</view>
				<view :class="DC==4?'col':'hui'" style="width: 50%;" @click="DCs(4)">
					营业额
				</view>
			</view>
			<!-- 来源渠道 -->
			<view v-show="DC == 0">
				<view class="w90 statistics-bai">
					<view class="statistics-lan">
						<view class="w80 mars f b c p_t_10" style="position:relative;">
							<view class="statistics-lan-z">
								<text class="fs28 bold">会员名称</text>
							</view>
							<view class="f c" @click="get()">
								<text>来源渠道</text>
								<image style="width:20rpx;height:20rpx;" src="../../../../static/img/102.png" mode="">
								</image>
							</view>
							<view>
								<text>转化率</text>
							</view>
						</view>
					</view>
					<u-table>
						<u-tr>
							<u-td>浙江大学</u-td>
							<u-td>二年级</u-td>
							<u-td>22</u-td>
						</u-tr>
						<u-tr>
							<u-td>浙江大学</u-td>
							<u-td>二年级</u-td>
							<u-td>22</u-td>
						</u-tr>
						<u-tr>
							<u-td>清华大学</u-td>
							<u-td>05班</u-td>
							<u-td>20</u-td>
						</u-tr>
						<u-tr>
							<u-td>清华大学</u-td>
							<u-td>05班</u-td>
							<u-td>20</u-td>
						</u-tr>
						<u-tr>
							<u-td>清华大学</u-td>
							<u-td>05班</u-td>
							<u-td>20</u-td>
						</u-tr>
						<u-tr>
							<u-td>清华大学</u-td>
							<u-td>05班</u-td>
							<u-td>20</u-td>
						</u-tr>
						<u-tr>
							<u-td>清华大学</u-td>
							<u-td>05班</u-td>
							<u-td>20</u-td>
						</u-tr>
						<u-tr>
							<u-td>清华大学</u-td>
							<u-td>05班</u-td>
							<u-td>20</u-td>
						</u-tr>
						<u-tr>
							<u-td>清华大学</u-td>
							<u-td>05班</u-td>
							<u-td>20</u-td>
						</u-tr>
						<u-tr>
							<u-td>清华大学</u-td>
							<u-td>05班</u-td>
							<u-td>20</u-td>
						</u-tr>
						<u-tr>
							<u-td>清华大学</u-td>
							<u-td>05班</u-td>
							<u-td>20</u-td>
						</u-tr>
						<u-tr>
							<u-td>清华大学</u-td>
							<u-td>05班</u-td>
							<u-td>20</u-td>
						</u-tr>
					</u-table>
				</view>
				<view v-if="show == true">
					<view class="teaching-lan">
						<view>
							<view class=" senter p_t_20">
								<text>渠道1</text>
							</view>
							<view class="quanxian"></view>
						</view>
						<view>
							<view class=" senter p_t_20">
								<text>渠道2</text>
							</view>
							<view class="quanxian"></view>
						</view>
						<view>
							<view class=" senter p_t_20">
								<text>渠道3</text>
							</view>
						</view>

					</view>
				</view>
			</view>
			<!-- 会员数据 -->
			<view v-show="DC == 1">
				<view class="INPUT_bot_zuo f b">
					<view class="dingwei">
						<view class="statistics-hui" @click="getIndex(0)">
							<view class="f d c p_t_10" :class="idx==0 ? 'statistics-huiyuan-lan' : 'statistics-huiyuan'"
								mode="">
								<text :class="idx == 0 ? 'white':'hui'" class="fs24">会员数量</text>
								<text :class="idx == 0 ? 'white':'hei'" class="fs24 m_t_5">1234</text>
							</view>
							<view class="Before" v-show="idx == 0"></view>
						</view>
						<view>
						</view>
					</view>
					<view class="dingwei">
						<view class="statistics-fei" @click="getIndex(1)">
							<view :class="idx == 1 ? 'statistics-huiyuan-lan' : 'statistics-huiyuan'" mode="">
								<view class="f d c p_t_10"
									:class="idx==1 ? 'statistics-huiyuan-lan' : 'statistics-huiyuan'" mode="">
									<text :class="idx == 1 ? 'white':'hui'" class="fs24">非会员数</text>
									<text :class="idx == 1 ? 'white':'hei'" class="fs24 m_t_5">12</text>
								</view>
								<view class="Before" v-show="idx == 1"></view>
							</view>
						</view>
					</view>
					<view class="dingwei">
						<view class="statistics-shu" @click="getIndex(2)">
							<view :class="idx == 2 ? 'statistics-huiyuan-lan' : 'statistics-huiyuan'" mode="">
								<view class="f d c p_t_10"
									:class="idx==2 ? 'statistics-huiyuan-lan' : 'statistics-huiyuan'" mode="">
									<text :class="idx == 2 ? 'white':'hui'" class="fs24">1对1数量</text>
									<text :class="idx == 2 ? 'white':'hei'" class="fs24 m_t_5">9</text>
								</view>
								<view class="Before" v-show="idx == 2"></view>
							</view>
						</view>
					</view>
					<view class="dingwei">
						<view class="statistics-jian" @click="getIndex(3)">
							<view :class="idx == 3 ? 'statistics-huiyuan-lan' : 'statistics-huiyuan'" mode="">
								<view class="f d c p_t_10"
									:class="idx==3 ? 'statistics-huiyuan-lan' : 'statistics-huiyuan'" mode="">
									<text :class="idx == 3 ? 'white':'hui'" class="fs24">体验成交率</text>
									<text :class="idx == 3? 'white':'hei'" class="fs24 m_t_5">80%</text>
								</view>
								<view class="Before" v-show="idx == 3"></view>
							</view>
						</view>
					</view>
					<view class="dingwei">
						<view class="statistics-xu" @click="getIndex(4)">
							<view :class="idx == 4 ? 'statistics-huiyuan-lan' : 'statistics-huiyuan'" mode="">
								<view class="f d c p_t_10"
									:class="idx==4 ? 'statistics-huiyuan-lan' : 'statistics-huiyuan'" mode="">
									<text :class="idx == 4 ? 'white':'hui'" class="fs24">续课率</text>
									<text :class="idx == 4 ? 'white':'hei'" class="fs24 m_t_5">90%</text>
								</view>
								<view class="Before" v-show="idx == 4"></view>
							</view>
						</view>
					</view>
				</view>
				<view v-show="idx == 0">
					<view class="w90">
						<view class="huiyuan-lan">
							<view class="f b c p_t_15">
								<view>
									<text>会员编号</text>
								</view>
								<view>
									<text>姓名</text>
								</view>
								<view>
									<text>性别</text>
								</view>
								<view>
									<text>联系方式</text>
								</view>
								<view>
									<text>入会时间</text>
								</view>
								<view>
									<text>有效日期</text>
								</view>
							</view>
						</view>
						<view v-for="i in 10">
							<view class="f b c p_t_15">
								<view>
									<text>会员编号</text>
								</view>
								<view>
									<text>姓名</text>
								</view>
								<view>
									<text>性别</text>
								</view>
								<view>
									<text>联系方式</text>
								</view>
								<view>
									<text>入会时间</text>
								</view>
								<view>
									<text>有效日期</text>
								</view>
							</view>
							<view class="quanxian"></view>
						</view>
					</view>
				</view>
				<view v-show="idx == 1">
					<view class="w90">
						<view class="huiyuan-lan">
							<view class="f b c p_t_15">
								<view>
									<text>姓名</text>
								</view>
								<view>
									<text>性别</text>
								</view>
								<view>
									<text>联系方式</text>
								</view>
								<view>
									<text>来源渠道</text>
								</view>
								<view>
									<text>上课日期</text>
								</view>
							</view>
						</view>
						<view v-for="i in 8">
							<view class="f b c p_t_15">
								<view>
									<text>姓名</text>
								</view>
								<view>
									<text>性别</text>
								</view>
								<view>
									<text>联系方式</text>
								</view>
								<view>
									<text>来源渠道</text>
								</view>
								<view>
									<text>上课日期</text>
								</view>
							</view>
							<view class="quanxian"></view>
						</view>
					</view>
				</view>
				<view v-show="idx == 2">
					<view class="w90">
						<view class="huiyuan-lan">
							<view class="f b c p_t_15">
								<view>
									<text>姓名</text>
								</view>
								<view>
									<text>性别</text>
								</view>
								<view>
									<text>联系方式</text>
								</view>
								<view>
									<text>教练姓名</text>
								</view>
								<view>
									<text>有效日期</text>
								</view>
							</view>
						</view>
						<view v-for="i in 5">
							<view class="f b c p_t_15">
								<view>
									<text>姓名</text>
								</view>
								<view>
									<text>性别</text>
								</view>
								<view>
									<text>联系方式</text>
								</view>
								<view>
									<text>教练姓名</text>
								</view>
								<view>
									<text>有效日期</text>
								</view>
							</view>
							<view class="quanxian"></view>
						</view>
					</view>
				</view>
				<view v-show="idx == 3">
					<view class="">
						<!-- 折线图 -->
						<view class="infor_zhuzhuang1">
							<view class="infor_zhuzhuang1_p">
								<p style="float: left;">成交率(%)</p>
								<p style="float: right;">选择日期</p>
							</view>
							<view style="height: 20rpx;"></view>

							<view class="line">
								<line-chart ref="lineData2" canvasId="index_line_2" :dataAs="lineData2" />
								<!-- <view style="text-align: center;line-height: 40px;">折Number</view> -->
							</view>
						</view>
					</view>
				</view>
				<view v-show="idx == 4">
					<view class="">
						<!-- 折线图 -->
						<view class="infor_zhuzhuang1">
							<view class="infor_zhuzhuang1_p">
								<p style="float: left;">成交率(%)</p>
								<p style="float: right;">选择日期</p>
							</view>
							<view style="height: 20rpx;"></view>
							<view class="line">
								<line-chart ref="lineData3" canvasId="index_line_3" :dataAs="lineData3" />
								<!-- <view style="text-align: center;line-height: 40px;">折Number</view> -->
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 销客人次 -->
			<view v-show="DC == 2">
				<view class="xiaoke">
					<view class="xiaoke-kuan">
						<view class="w90 p_t_31">
							<view class="f b c" @click="shows = true">
								<view>
									<text class="fs32 bold">核心数据</text>
								</view>
								<view class="vw15 f b c">
									<text>地区</text>
									<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/109.png"
										mode=""></image>
								</view>
							</view>
							<view>
								<u-action-sheet :list="list" @click="click" :cancel-btn="true" v-model="shows">
								</u-action-sheet>
							</view>
							<view class="p_t_31 f b">
								<view>
									<text>时间类型</text>
								</view>
								<view class="vw60 f b c">
									<view class="senter" @click="getIndexa(0)">
										<view :class="ida == 0 ? 'aa-lan':'xiaoke-kuan-ri'">
											<text>日</text>
										</view>
									</view>
									<view class="senter" @click="getIndexa(1)">
										<view :class="ida == 1 ? 'aa-lan':'xiaoke-kuan-ri'">
											<text>周</text>
										</view>
									</view>
									<view class="senter" @click="getIndexa(2)">
										<view :class="ida == 2 ? 'aa-lan':'xiaoke-kuan-ri'">
											<text>月</text>
										</view>
									</view>
									<view class="senter" @click="getIndexa(3)">
										<view :class="ida == 3 ? 'aa-lan':'xiaoke-kuan-ri'">
											<text>年</text>
										</view>
									</view>
								</view>
							</view>
							<view class="" v-show="ida == 0">
								<view class="vw45 p_t_31 f b c">
									<view>
										<text>更新时间</text>
									</view>
									<view>
										<text>2021/05/18</text>
										<image style="width: 20rpx;height: 20rpx;" src="../../../../static/img/018.png"
											mode=""></image>
									</view>
								</view>
								<view class="xuxian m_t_30"></view>
								<view class="p_t_31">
									<text class="hui">金额</text>
								</view>
								<view class="p_t_31">
									<text class="fs32">￥123.21</text>
								</view>
								<view class="p_t_20 hui">
									<text class="fs20">昨日</text>
									<text class="fs20 p_l_10">￥321.21</text>
								</view>
								<view class="xuxian m_t_30"></view>
								<view>
									<view class="p_t_31">
										<text class="fs32">大池</text>
									</view>
									<view class="vw50 f b c p_t_31">
										<view class="f d">
											<text class="fs20 hui">销客人次</text>
											<text class="fs24 bold p_t_10">12</text>
										</view>
										<view class="f d">
											<text class="fs20 hui">销客金额</text>
											<text class="fs24 bold p_t_10">￥123</text>
										</view>
									</view>
									<view class="f b c p_t_10 " style="width:53vw;">
										<view class="hui">
											<text class="fs20">昨日</text>
											<text class="fs20">10</text>
										</view>
										<view class="hui">
											<text class="fs20">昨日</text>
											<text class="fs20">￥123</text>
										</view>
									</view>
									<view class="p_t_31">
										<text class="fs32">小池</text>
									</view>
									<view class="vw50 f b c p_t_31">
										<view class="f d">
											<text class="fs20 hui">销客人次</text>
											<text class="fs24 bold p_t_10">12</text>
										</view>
										<view class="f d">
											<text class="fs20 hui">销客金额</text>
											<text class="fs24 bold p_t_10">￥123</text>
										</view>
									</view>
									<view class="f b c p_t_10 " style="width:53vw;">
										<view class="hui">
											<text class="fs20">昨日</text>
											<text class="fs20">10</text>
										</view>
										<view class="hui">
											<text class="fs20">昨日</text>
											<text class="fs20">￥123</text>
										</view>
									</view>
								</view>
							</view>
							<view class="" v-show="ida == 1">
								<view class="vw70 p_t_31 f b c">
									<view>
										<text>更新时间</text>
									</view>
									<view>
										<text>2021/05/18</text>
										-
										<text>2021/05/18</text>
										<image style="width: 20rpx;height: 20rpx;" src="../../../../static/img/018.png"
											mode=""></image>
									</view>
								</view>
								<view class="xuxian m_t_30"></view>
								<view class="p_t_31">
									<text class="hui">金额</text>
								</view>
								<view class="p_t_31">
									<text class="fs32">￥123.21</text>
								</view>
								<view class="p_t_20 hui">
									<text class="fs20">上周</text>
									<text class="fs20 p_l_10">￥321.21</text>
								</view>
								<view class="xuxian m_t_30"></view>
								<view>
									<view class="p_t_31">
										<text class="fs32">大池</text>
									</view>
									<view class="vw50 f b c p_t_31">
										<view class="f d">
											<text class="fs20 hui">销客人次</text>
											<text class="fs24 bold p_t_10">12</text>
										</view>
										<view class="f d">
											<text class="fs20 hui">销客金额</text>
											<text class="fs24 bold p_t_10">￥123</text>
										</view>
									</view>
									<view class="f b c p_t_10 " style="width:53vw;">
										<view class="hui">
											<text class="fs20">上周</text>
											<text class="fs20">10</text>
										</view>
										<view class="hui">
											<text class="fs20">上周</text>
											<text class="fs20">￥123</text>
										</view>
									</view>
									<view class="p_t_31">
										<text class="fs32">小池</text>
									</view>
									<view class="vw50 f b c p_t_31">
										<view class="f d">
											<text class="fs20 hui">销客人次</text>
											<text class="fs24 bold p_t_10">12</text>
										</view>
										<view class="f d">
											<text class="fs20 hui">销客金额</text>
											<text class="fs24 bold p_t_10">￥123</text>
										</view>
									</view>
									<view class="f b c p_t_10 " style="width:53vw;">
										<view class="hui">
											<text class="fs20">上周</text>
											<text class="fs20">10</text>
										</view>
										<view class="hui">
											<text class="fs20">上周</text>
											<text class="fs20">￥123</text>
										</view>
									</view>
								</view>
							</view>
							<view class="" v-show="ida == 2">
								<view class="vw40 p_t_31 f b c">
									<view>
										<text>更新时间</text>
									</view>
									<view>
										<text>2021/05</text>
										<image style="width: 20rpx;height: 20rpx;" src="../../../../static/img/018.png"
											mode=""></image>
									</view>
								</view>
								<view class="xuxian m_t_30"></view>
								<view class="p_t_31">
									<text class="hui">金额</text>
								</view>
								<view class="p_t_31">
									<text class="fs32">￥123.21</text>
								</view>
								<view class="p_t_20 hui">
									<text class="fs20">上月</text>
									<text class="fs20 p_l_10">￥321.21</text>
								</view>
								<view class="xuxian m_t_30"></view>
								<view>
									<view class="p_t_31">
										<text class="fs32">大池</text>
									</view>
									<view class="vw50 f b c p_t_31">
										<view class="f d">
											<text class="fs20 hui">销客人次</text>
											<text class="fs24 bold p_t_10">12</text>
										</view>
										<view class="f d">
											<text class="fs20 hui">销客金额</text>
											<text class="fs24 bold p_t_10">￥123</text>
										</view>
									</view>
									<view class="f b c p_t_10 " style="width:53vw;">
										<view class="hui">
											<text class="fs20">上月</text>
											<text class="fs20">10</text>
										</view>
										<view class="hui">
											<text class="fs20">上月</text>
											<text class="fs20">￥123</text>
										</view>
									</view>
									<view class="p_t_31">
										<text class="fs32">小池</text>
									</view>
									<view class="vw50 f b c p_t_31">
										<view class="f d">
											<text class="fs20 hui">销客人次</text>
											<text class="fs24 bold p_t_10">12</text>
										</view>
										<view class="f d">
											<text class="fs20 hui">销客金额</text>
											<text class="fs24 bold p_t_10">￥123</text>
										</view>
									</view>
									<view class="f b c p_t_10 " style="width:53vw;">
										<view class="hui">
											<text class="fs20">上月</text>
											<text class="fs20">10</text>
										</view>
										<view class="hui">
											<text class="fs20">上月</text>
											<text class="fs20">￥123</text>
										</view>
									</view>
								</view>
							</view>
							<view class="" v-show="ida == 3">
								<view class="vw35 p_t_31 f b c">
									<view>
										<text>更新时间</text>
									</view>
									<view>
										<text>2021</text>
										<image style="width: 20rpx;height: 20rpx;" src="../../../../static/img/018.png"
											mode=""></image>
									</view>
								</view>
								<view class="xuxian m_t_30"></view>
								<view class="p_t_31">
									<text class="hui">金额</text>
								</view>
								<view class="p_t_31">
									<text class="fs32">￥123.21</text>
								</view>
								<view class="p_t_20 hui">
									<text class="fs20">去年</text>
									<text class="fs20 p_l_10">￥321.21</text>
								</view>
								<view class="xuxian m_t_30"></view>
								<view>
									<view class="p_t_31">
										<text class="fs32">大池</text>
									</view>
									<view class="vw50 f b c p_t_31">
										<view class="f d">
											<text class="fs20 hui">销客人次</text>
											<text class="fs24 bold p_t_10">12</text>
										</view>
										<view class="f d">
											<text class="fs20 hui">销客金额</text>
											<text class="fs24 bold p_t_10">￥123</text>
										</view>
									</view>
									<view class="f b c p_t_10 " style="width:53vw;">
										<view class="hui">
											<text class="fs20">去年</text>
											<text class="fs20">10</text>
										</view>
										<view class="hui">
											<text class="fs20">去年</text>
											<text class="fs20">￥123</text>
										</view>
									</view>
									<view class="p_t_31">
										<text class="fs32">小池</text>
									</view>
									<view class="vw50 f b c p_t_31">
										<view class="f d">
											<text class="fs20 hui">销客人次</text>
											<text class="fs24 bold p_t_10">12</text>
										</view>
										<view class="f d">
											<text class="fs20 hui">销客金额</text>
											<text class="fs24 bold p_t_10">￥123</text>
										</view>
									</view>
									<view class="f b c p_t_10 " style="width:53vw;">
										<view class="hui">
											<text class="fs20">去年</text>
											<text class="fs20">10</text>
										</view>
										<view class="hui">
											<text class="fs20">去年</text>
											<text class="fs20">￥123</text>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 同比增长率 -->
			<view v-show="DC == 3">
				<view class="">
					<!-- 柱状图 -->
					<view class="infor_zhuzhuang1">
						<view class="infor_zhuzhuang1_p">
							<p style="float: left;">成交率(%)</p>
							<p style="float: right;">选择日期</p>
						</view>
						<view style="height: 20rpx;"></view>

						<view>
							<histogram-chart ref="histogramData0" :dataAs="histogramData" canvasId="ht0" />
						</view>
					</view>
				</view>
			</view>
			<!-- 营业额 -->
			<view v-show="DC == 4">
				<view>
					<!-- 柱状图 -->
					<view class="infor_zhuzhuang1">
						<view class="infor_zhuzhuang1_p">
							<p style="float: left;">成交率(%)</p>
							<p style="float: right;">选择日期</p>
						</view>
						<view style="height: 20rpx;"></view>
						<view>
							<histogram-chart :dataAs="histogramData2" ref="histogramData1" canvasId="ht1"
								labelKey="label" valueKey="value" :yAxisAs="{
										formatter: {
											type: 'percent' //type:number percent String,额外参数:fixed:NUmber,name:String
										}
									}" />
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 员工统计   全部内容 -->
		<view v-show="DA == 1">
			<view class="bgfc f_x senter">
				<view class="" :class="DD==0?'col':'hui'" style="width: 50%;" @click="DDs(0)">
					打卡记录
				</view>
				<view :class="DD==1?'col':'hui'" style="width: 50%;" @click="DDs(1)">
					课程统计
				</view>
				<view :class="DD==2?'col':'hui'" style="width: 50%;" @click="DDs(2)">
					上课记录
				</view>
				<view :class="DD==3?'col':'hui'" style="width: 50%;" @click="DDs(3)">
					教练技能
				</view>
				<view :class="DD==4?'col':'hui'" style="width: 50%;" @click="DDs(4)">
					投诉表扬
				</view>
			</view>
			<!-- 打卡记录 -->
			<view v-show="DD == 0">
				<view class="punch-daka">
					<view class="content">
						<ren-calendar ref='ren' :markDays='markDays' :headerBar='true' @onDayClick='onDayClick'>
						</ren-calendar>
						<!-- <view class="change">选中日期：{{curDate}}</view> -->
					</view>
					<view class="w90 p_t_20 senter ">
						<u-circle-progress inactive-color="#FF7723" active-color="#2979ff" :percent="80">
							<view class="u-progress-content">
								<!-- <view class="u-progress-dot"></view> -->
								<view class="mlr30">
									<view class="">12/15</view>
									<view class="fs20 c9">打卡人数/应到人数</view>
								</view>
							</view>
						</u-circle-progress>
						<view class="p_t_40">
							<view class="w90 f b c p_t_100">
								<view class="f d c">
									<text class="bold fs28">统计数</text>
									<text class="hui p_t_31 fs24">统计项目</text>
								</view>
								<view class="f d c">
									<text class="bold fs28">统计数</text>
									<text class="hui p_t_31 fs24">统计项目</text>
								</view>
								<view class="f d c">
									<text class="bold fs28">统计数</text>
									<text class="hui p_t_31 fs24">统计项目</text>
								</view>
							</view>
						</view>
					</view>
					<view class="m_t_100">
						<view class="mine_top_zhong_kuan">
							<view class="sw-box1">
								<view class="single">
									<view class="w90s f b c p_t_15 m_l_20">
										<view>
											<text>姓名</text>
										</view>
										<view>
											<text>部门</text>
										</view>
										<view>
											<text>职位</text>
										</view>
										<view>
											<text>出勤天数</text>
										</view>
										<view>
											<text>休息天数</text>
										</view>
									</view>
								</view>
								<view class="singles" v-for="(item,index) in listsa" :key="index">
									<view class="w90s f b c p_t_15 m_l_20">
										<view>
											<text>姓名</text>
										</view>
										<view>
											<text>部门</text>
										</view>
										<view>
											<text>职位</text>
										</view>
										<view>
											<text>出勤天数</text>
										</view>
										<view>
											<text>休息天数</text>
										</view>
									</view>
									<view class="quanxians"></view>
								</view>

							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 课程统计 -->
			<view v-show="DD == 1">
				<view>
					<view class="warp" style="position:relative;">
						<view class="warp-top">
							<view class="warp-shu">

							</view>
							<view class="vw95 f b c">
								<view style="margin-left:60rpx;margin-top:10rpx;">
									<text>课程名称</text>
								</view>
								<view class="vw75 f b c">
									<view style="margin-left:60rpx;margin-top:10rpx;">
										<text>课程名称课程名称课程名称</text>
									</view>
									<image style="width: 24rpx;height: 24rpx;margin-top:15rpx;"
										src="../../../../static/img/069.png" mode=""></image>
								</view>
							</view>
						</view>
						<view class="box">
							<t-table @change="change">
								<!-- <t-tr>
										<t-th>序号</t-th>
										<t-th>姓名</t-th>
										<t-th>年龄</t-th>
										<t-th>爱好</t-th>
									</t-tr> -->
								<t-tr v-for="item in tableList" :key="item.id">
									<t-td>{{ item.id}}</t-td>
									<t-td>{{ item.name }}</t-td>
									<t-td>{{ item.age }}</t-td>
									<t-td>{{ item.hobby }}</t-td>
									<t-td>{{ item.hobbys }}</t-td>
									<t-td>{{ item.xingm }}</t-td>
									<t-td>{{ item.xingming }}</t-td>
								</t-tr>
							</t-table>
						</view>
					</view>
				</view>
			</view>
			<!-- 上课记录 -->
			<view v-show="DD == 2">
				<view class="w95 m_t_20">
					<view class="mine_top_zhong_kuan">
						<view class="sw-box1">
							<view class="single">
								<view class="w90s f b c p_t_15 m_l_20">
									<view>
										<text>姓名</text>
									</view>
									<view>
										<text>部门</text>
									</view>
									<view>
										<text>职位</text>
									</view>
									<view>
										<text>出勤天数</text>
									</view>
									<view>
										<text>休息天数</text>
									</view>
								</view>
							</view>
							<view class="singles" v-for="(item,index) in listsa" :key="index">
								<view class="w90s f b c p_t_15 m_l_20">
									<view>
										<text>姓名</text>
									</view>
									<view>
										<text>部门</text>
									</view>
									<view>
										<text>职位</text>
									</view>
									<view>
										<text>出勤天数</text>
									</view>
									<view>
										<text>休息天数</text>
									</view>
								</view>
								<view class="quanxians"></view>
							</view>

						</view>
					</view>
				</view>
			</view>
			<!-- 教练技能 -->
			<view v-show="DD == 3">
				<view class="" v-for="(item,index) in 5">
					<view class="jiaolian-top">
						<view class="w90 f">
							<view class="">
								<image style="width: 96rpx;height: 96rpx;" src="../../../../static/img/110.png" mode="">
								</image>
							</view>
							<view class="f d p_l_20">
								<text>教练姓名</text>
								<view class="f p_t_20">
									<view>
										<text>评分</text>
									</view>
									<view>
										<u-rate :count="count" :colors="colors" v-model="value"></u-rate>
									</view>
									<view>
										<text class="cheng">分数</text>
									</view>
								</view>
							</view>
						</view>
						<view>
							<table>
								<tr>
									<td>Bill</td>
									<td>Gates</td>
									<td>$100</td>
									<td>$100</td>
								</tr>
								<tr>
									<td>Steve</td>
									<td>Jobs</td>
									<td>$150</td>
									<td>$100</td>
								</tr>
							</table>
						</view>
					</view>
				</view>
			</view>
			<!-- 投诉表扬 -->
			<view v-show="DD == 4">
				<view class="Members-top">
					<wyb-table ref="table" :headers="headers" header-bg-color="#BFDBF1" first-col-bg-color="#fff"
						border-color="#F3F3F3" :contents="contents" height="1000rpx" />
				</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	import wybTable from '@/components/wyb-table/wyb-table.vue';
	import tTable from '@/components/t-table/t-table.vue';
	import tTh from '@/components/t-table/t-th.vue';
	import tTr from '@/components/t-table/t-tr.vue';
	import tTd from '@/components/t-table/t-td.vue';
	import RenCalendar from '@/components/ren-calendar/ren-calendar.vue'
	import LineChart from '@/components/stan-ucharts/LineChart.vue';
	import HistogramChart from '@/components/stan-ucharts/HistogramChart.vue';
	export default {
		components: {
			LineChart,
			HistogramChart,
			RenCalendar,
			tTable,
			tTh,
			tTr,
			tTd,
			wybTable
		},
		data() {
			const theUrl = '/pages/demos/noticeBar-demo/more' // 本地的某个页面
			const httpUrl = 'https://ext.dcloud.net.cn/plugin?id=2667' // 某个网址
			return {
				headers: [{
						label: '日期',
						key: 'name',
					}, {
						label: '客人投诉/表扬',
						key: 'age'
					},
					{
						label: '员工姓名',
						key: 'collage'
					}
				],
				contents: [{
					name: '刘一',
					age: '男',
					collage: '信息学院'
				}, {
					name: '陈二',
					age: '女',
					collage: '4'
				}, {
					name: '张三',
					age: '男',
					collage: '学院'
				}, {
					name: '李四',
					age: '女',
					collage: '城市'
				}, {
					name: '王五',
					age: '男',
					collage: '旅游'
				}, {
					name: '赵六 ',
					age: '男',
					collage: ''
				}, {
					name: '孙七',
					age: '男',
					collage: ''
				}, {
					name: '周八 ',
					age: '男',
					collage: '会计学院'
				}, {
					name: '吴九 ',
					age: '男',
					collage: ''
				}, {
					name: '郑十',
					age: '男',
					collage: ''
				}],
				count: 5,
				value: 2,
				colors: ['#FF7105', '#FF7105', '#FF7105'],
				DC: 0, //  0:来源渠道   1:会员数据    2:销客人次      4:同比增长率		5:营业额
				DA: 0, //  0:会员统计   1:员工统计
				DD: 0,
				show: false,
				idx: 0,
				ida: 0,
				markDays: [],
				lineData2: {
					//带百分比的图--折线图数据
					categories: ['日期', '日期', '日期', '日期', '日期', '日期'],
					series: [{
						name: '',
						data: [75, 10, 65, 26, 44, 100]
					}]
				},
				tableList: [{
						id: '教练姓名',
						name: '张三',
						age: '19',
						hobby: '游泳',
						hobbys: '游泳1',
						xingm: '游泳1',
						xingming: '游泳1',
					},
					{
						id: '上课节数',
						name: '李四',
						age: '21',
						hobby: '绘画',
						hobbys: '游泳1',
						xingm: '游泳1',
						xingming: '游泳1'
					},
					{
						id: '课程人数',
						name: '王二',
						age: '29',
						hobby: '滑板',
						hobbys: '游泳1',
						xingm: '游泳1',
						xingming: '游泳1'
					},
					{
						id: '满班率',
						name: '码字',
						age: '20',
						hobby: '蹦极',
						hobbys: '游泳1',
						xingm: '游泳1',
						xingming: '游泳1'
					},
					{
						id: '体验课人数',
						name: '码字',
						age: '20',
						hobby: '蹦极',
						hobbys: '游泳1',
						xingm: '游泳1',
						xingming: '游泳1'
					},
					{
						id: '课评完成度',
						name: '码字',
						age: '20',
						hobby: '蹦极',
						hobbys: '游泳1',
						xingm: '游泳1',
						xingming: '游泳1'
					}
				],
				lineData3: {
					//带百分比的图--折线图数据
					categories: ['日期', '日期', '日期', '日期', '日期', '日期'],
					series: [{
						name: '',
						data: [100, 10, 60, 44, 33, 10]
					}]
				},
				listsa: [{
						name: ''
					},
					{
						name: ''
					},
					{
						name: ''
					},
					{
						name: ''
					},
					{
						name: ''
					},
					{
						name: ''
					},
					{
						name: ''
					},
					{
						name: ''
					}
				],
				histogramData: {
					//总模板
					categories: ['2042', '2013', '2014', '2015', '2016', '2017', '2018'],
					series: [{
							name: '成交量1', //数据名称
							data: [
								15,
								{
									//(饼图、圆环图、玫瑰图为Number) 数据，如果传入null图表该处出现断点
									value: 20, //	仅针对柱状图有效，主要作用为柱状图显示数值
									color: '#f04864' //仅针对柱状图有效，主要作用为柱状图自定义颜色,可覆盖外框定义主题颜色
								},
								45,
								37,
								43,
								34,
								45
							],
							show: true, //图形显示状态，配合点击图例显示状态，也可默认指定是否显示
							color: '#FF7600', //	图形颜色 不传入则使用系统默认配色方案 即统一柱状图颜色
							textSize: 12 //图形上方标注文字的字体大小
							//如涉及混合图表请看 http://doc.ucharts.cn/1172126
						},
						{
							name: '成交量2',
							data: [
								30,
								{
									value: 40,
									color: '#facc14'
								},
								25,
								14,
								34,
								18,
								20
							]
						}
					]
				},
				histogramData2: {
					//柱状图Compent  //label应为series value 应为
					label: ['2052', '2013', '2014', '2015', '2016', '2017', '2018'],
					value: [{
						name: '',
						data: [0.3, 0.5, 0.5, 0.4, 0.3, 0.1, 0.2]
					}]
				},
				list: [{
					text: '地区1地区1地区1',
				}, {
					text: '地区1地区1地区1'
				}, {
					text: '地区1地区1地区1'
				}],
				shows: false,
				Color: 'red'
			}
		},
		onReady() {
			let today = this.$refs.ren.getToday().date;
			this.curDate = today;
			this.markDays.push(today);
		},
		methods: {
			DCs(e) {
				this.DC = e
			},
			DAs(e) {
				this.DA = e
			},
			DDs(e) {
				this.DD = e
			},
			get() {
				this.show = !this.show
			},
			// tabs切换
			getIndex(index) {
				this.idx = index
				console.log(this.idx);
			},
			// tabs切换
			getIndexa(index) {
				this.ida = index
				console.log(this.idx);
			},
			// 点击数据查看
			echartsClick(params) {
				console.log('点击数据', params)
			},
			created() {
				this.$nextTick(() => {
					//柱状图
					this.$refs['histogramData0'].showCharts();
					this.$refs['histogramData1'].showCharts();
					this.$refs['histogramData2'].showCharts();
					//折线图
					this.$refs['lineData2'].showCharts();
					this.$refs['lineData3'].showCharts();
				});
				//ajax调用
				this.getServerData();
			},
			click(index) {
				console.log(`点击了第${index + 1}项，内容为：${this.list[index].text}`)
			},
			//改变柱状图数据
			changeHistogramData() {
				let categories = ['20111', '2013', '2014', '2015', '2016', '2017'];
				let series = [{
					name: '成交量A',
					data: [200, 233, 25, 370, 400, 200]
				}];
				this.$refs['histogramData0'].changeData({
					series,
					categories
				});
			},
			change(e) {
				console.log(e.detail);
			},
			edit(item) {
				uni.showToast({
					title: item.name,
					icon: 'none'
				});
			}
		}
	}
</script>

<style scoped>
	table {
		border-collapse: collapse;
		width: 95%;
		margin: 0 auto;
		margin-top: 25rpx;
	}

	table,
	td {
		border: 1px solid black;
		text-align: center;
	}

	td {
		border-color: #dddddd;
	}
	.Members-top{
		width:65%;
		margin:0 auto;
		/* background:#000000; */
	}
	.warps {
		/* height: 200vh; */
		overflow: hidden;
		background-color: #fff;
	}

	.warp-top {
		width: 750rpx;
		height: 64rpx;
		border: 2rpx solid #adadad;
	}

	.warp-shu {
		width: 2rpx;
		height: 64rpx;
		border: 1.5rpx solid #adadad;
		position: absolute;
		left: 212rpx;
	}

	.mine_top_zhong_kuan {
		width: 100%;
		/* height:650rpx; */
		overflow: scroll;
	}

	.content {
		padding-top: 50rpx;
	}

	.sw-box1 {
		width: 100%;
		/* height:650rpx; */
		background-color: #fff;
		margin: 0rpx auto;
		border-radius: 24rpx;
	}

	.single {
		width: 105%;
		height: 66rpx;
		opacity: 1;
		background: #BFDBF1;
	}

	.singles {
		width: 105%;
		height: 66rpx;
		opacity: 1;
		background: #FFFFFF;
	}

	.punch-daka {
		width: 686rpx;
		height: 1214rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 8rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
		margin: 0 auto;
		margin-top: 24rpx;
	}

	.punch-daka-s {
		width: 300rpx;
		height: 58rpx;
		opacity: 1;
		border-radius: 8rpx;
		font-size: 24rpx;
	}

	.punch-daka-lan {
		width: 188rpx;
		height: 188rpx;
		opacity: 1;
		background: #1f73f2;
		border-radius: 50%;
		margin: 0 auto;
		margin-top: 120rpx;
	}


	/* 曲线图 */
	.infor_zhuzhuang1 {
		width: 90vw;
		height: 400rpx;
	}

	.infor_zhuzhuang1_p {
		width: 100%;
		height: 28rpx;
		padding: 20rpx;
		font-size: 24rpx;
	}

	.infor_zhuzhuang1_shijian>text {
		font-size: 20rpx;
		color: #ffffff;
	}

	.statistics-tab {
		width: 100%;
		height: 68rpx;
		margin: 0 auto;
		background: #fff;
	}

	.f_x {
		display: flex;
	}

	.bgfc {
		width: 750rpx;
		height: 66rpx;
		line-height: 66rpx;
		opacity: 1;
		background: #f3f3f3;
	}

	.col {
		color: #000000;
	}

	.blues {
		color: blue;
	}

	.statistics-lan {
		width: 675rpx;
		height: 64rpx;
		opacity: 1;
		background: #bfdbf1;
	}

	.teaching-lan {
		width: 178rpx;
		height: 236rpx;
		opacity: 1;
		background: #e0e0e0;
		border-radius: 8rpx;
		position: absolute;
		top: 220rpx;
		left: 310rpx;
		z-index: 99;
	}

	.statistics-bai {
		background: #fff;
	}

	.INPUT_bot_zuo {
		width: 90%;
		height: 108rpx;
		/* border: 2rpx solid red; */
		margin: 0 auto;
		margin-top: 20rpx;
	}

	.INPUT_bot_zuo_kg>image {
		width: 90rpx;
		height: 90rpx;
		opacity: 1;
		border-radius: 10rpx;
	}

	.Before::before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 12rpx solid transparent;
		border-left: 18rpx solid #1F73F2;
		border-bottom: 12rpx solid transparent;
		transform: rotate(90deg);
	}

	.Before {
		position: absolute;
		top: 85%;
		left: 55rpx;
	}

	.dingwei {
		position: relative;
	}

	.statistics-huiyuan {
		width: 120rpx;
		height: 88rpx;
		opacity: 1;
		background: #ececec;
		border-radius: 8rpx;
		margin-top: 8rpx;
	}

	.statistics-huiyuan-lan {
		width: 120rpx;
		height: 88rpx;
		opacity: 1;
		background: #1F73F2;
		border-radius: 8rpx;
		margin-top: 8rpx;
	}

	.huiyuan-lan {
		width: 686rpx;
		height: 66rpx;
		opacity: 1;
		background: #bfdbf1;
	}

	.xiaoke {
		width: 100%;
		height: 1300rpx;
		background: #fff;
		overflow: hidden;
	}

	.xiaoke-kuan {
		width: 686rpx;
		height: 926rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 16rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
		margin: 0 auto;
		margin-top: 24rpx;
	}

	.xiaoke-kuan-ri {
		width: 96rpx;
		height: 34rpx;
		opacity: 1;
		background: #eaeaea;
		border-radius: 8rpx;
	}

	.aa-lan {
		width: 96rpx;
		height: 34rpx;
		opacity: 1;
		border-radius: 8rpx;
		background: #1F73F2;
		color: #FFFFFF;
	}

	.jiaolian-top {
		width: 686rpx;
		height: 276rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 12rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(72, 72, 72, 0.10);
		margin: 0 auto;
		margin-top: 24rpx;
		overflow: hidden;
	}
</style>
